<!DOCTYPE html>
<html>
  <head>
    <title>哇食网首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="css/drawer-list.css" rel="stylesheet" media="screen">
    <!--[if lt IE 9]>
        <script src="js/assets/libs/html5shiv.js?2.4.6.4"></script>
    <![endif]-->
    <!--[if IE 8]>
        <script src="js/assets/libs/respond.min.js?2.4.6.4"></script>
    <![endif]-->
  </head>
  <body class="index">
  	<header class="header">
      <div class="container">
      	<div class="navbar-header">
          <a href="" class="navbar-brand">WoW食.com</a>
          <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse pull-left">
          <ul class="nav navbar-nav">
            <li><a href="#">抽屉</a></li>
            <li><a href="#">杂志</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">经验</a></li>
          </ul>
        </nav>
        <form action="" class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
          <div class="form-group">
            <input type="text" class="form-control js-search" name="q" placeholder="搜零食，搜惊喜" autocomplete="off"/>
            <button class="button fa fa-search" type="submit"></button>
          </div>
        </form>
        <ul class="nav user-nav pull-right">
          <ul class="nav nav-login">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
        </ul>
      </div>
  	</header>
  	<div id="content">
	  	<div class="container">
	      <div class="row">
	        <div class="col-md-12">
         		<div class="article">
         			<div class="doulist-hd">
         				<h1 class="doulist-title">学生党的日常</h1>
         				<div class="doulist-action">
         					<span class="btn-sub-doulist J_SubscribeDoulist"><i class="fa fa-star-o"></i>关注抽屉</span>
         					<div class="sns-social btn-customer">
         						<span class="btn-normal btn-social-rec">分享</span>
         					</div>
         				</div>
         				<div class="doulist-desc-wrap empty">
         					<div class="doulist-desc-hd clearfix">
         						<div class="doulist-author">
				                    <a href="http://dongxi.douban.com/people/timeandsea/doulists/" title="默。沫。漠。的全部豆列">
				                        <img class="avatar" width="30" height="30" alt="默。沫。漠。" src="http://img4.douban.com/icon/u67596183-9.jpg">
				                        <span>默。沫。漠。</span>
				                    </a>
				                    <span class="text">的豆列</span>
				                </div>
				                <div class="doulist-stats">
                                    <span>249 东西</span>
                                    <span>307 关注</span>
                                    <span>17 推荐</span>
                                </div>
         					</div>
         					<div class="doulist-desc-bd">
         						<div class="doulist-desc">
         						      这里是豆列的描述            
         						 </div>
         					</div>
         				</div>
         			</div>
         			<!--内容正式开始-->
         			<div class="row food_con" id="drawer-item-list">
         			  <div class="col-md-4">
         			    <div class="card-item">
         			    	<div class="card-main">
	         			    	<div class="card-hd">
	         			    		<div class="img">
			         			        <!-- <span class="price-icon free">
			         			          免费
			         			        </span> -->
			         			        <a href="/classroom/1?static=home-classroom-recommend">
			         			          <img class="img-responsive" src="images/content_1.jpg">
			         			        </a>
			         			      </div>
			         			      <span class="commodity-price">￥18.00</span>
	         			    	</div>
	         			    	<div class="card-bd">
	         			    		<h2 class="story-title" title="JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复">
	         			    		    <a target="_blank" href="http://dongxi.douban.com/show/3912460/">JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复</a>
	         			    		</h2>
	         			    		<div class="author-box">
	         			    		  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
	         			    		      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
	         			    		  </a>
	         			    		  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;发布
	         			    		</div>
	         			    		<div class="story-quote">
	         			    		    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
	         			    		</div>
	         			    		<div class="story-info" data-eqid="3878709">
	         			    		    <ul class="stats-list">
	         			    		        <li class="doulist-count">加入豆列&nbsp;2</li>
	         			    		        <li class="like">喜欢&nbsp;1</li>
	         			    		        <li class="post">评论&nbsp;1</li>
	         			    		    </ul>
	         			    		</div>
	         			    	</div>    
         			    	</div>
         			    	<div class="card-extra">
         			    		<div class="card-actions" style="display: none;">
         			    			
         			    		</div>
         			    		<div class="card-drawer">
     			    		        <div class="card-remark">
     			    		            备注: 好喜欢！
     			    		        </div>
     			    		        <div class="card-knob js-draw-remark">
     			    		            <i class="fa fa-angle-double-down"></i>
     			    		        </div>
     			    		    </div>
         			    	</div>
         			    	     			      
         			    </div>
         			  </div>
	  					<div class="col-md-4">
	           			    <div class="card-item">
	           			    	<div class="card-main">
	  	         			    	<div class="card-hd">
	  	         			    		<div class="img">
	  			         			        <!-- <span class="price-icon free">
	  			         			          免费
	  			         			        </span> -->
	  			         			        <a href="/classroom/1?static=home-classroom-recommend">
	  			         			          <img class="img-responsive" src="images/content_1.jpg">
	  			         			        </a>
	  			         			      </div>
	  			         			      <span class="commodity-price">￥18.00</span>
	  	         			    	</div>
	  	         			    	<div class="card-bd">
	  	         			    		<h2 class="story-title" title="JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复">
	  	         			    		    <a target="_blank" href="http://dongxi.douban.com/show/3912460/">JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复</a>
	  	         			    		</h2>
	  	         			    		<div class="author-box">
	  	         			    		  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
	  	         			    		      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
	  	         			    		  </a>
	  	         			    		  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;发布
	  	         			    		</div>
	  	         			    		<div class="story-quote">
	  	         			    		    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
	  	         			    		</div>
	  	         			    		<div class="story-info" data-eqid="3878709">
	  	         			    		    <ul class="stats-list">
	  	         			    		        <li class="doulist-count">加入豆列&nbsp;2</li>
	  	         			    		        <li class="like">喜欢&nbsp;1</li>
	  	         			    		        <li class="post">评论&nbsp;1</li>
	  	         			    		    </ul>
	  	         			    		</div>
	  	         			    	</div>    
	           			    	</div>		      
	           			    </div>
	           			  </div>
         			  <div class="col-md-4">
	           			    <div class="card-item">
	           			    	<div class="card-main">
	  	         			    	<div class="card-hd">
	  	         			    		<div class="img">
	  			         			        <!-- <span class="price-icon free">
	  			         			          免费
	  			         			        </span> -->
	  			         			        <a href="/classroom/1?static=home-classroom-recommend">
	  			         			          <img class="img-responsive" src="images/content_1.jpg">
	  			         			        </a>
	  			         			      </div>
	  			         			      <span class="commodity-price">￥18.00</span>
	  	         			    	</div>
	  	         			    	<div class="card-bd">
	  	         			    		<h2 class="story-title" title="JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复">
	  	         			    		    <a target="_blank" href="http://dongxi.douban.com/show/3912460/">JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复</a>
	  	         			    		</h2>
	  	         			    		<div class="author-box">
	  	         			    		  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
	  	         			    		      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
	  	         			    		  </a>
	  	         			    		  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;发布
	  	         			    		</div>
	  	         			    		<div class="story-quote">
	  	         			    		    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
	  	         			    		</div>
	  	         			    		<div class="story-info" data-eqid="3878709">
	  	         			    		    <ul class="stats-list">
	  	         			    		        <li class="doulist-count">加入豆列&nbsp;2</li>
	  	         			    		        <li class="like">喜欢&nbsp;1</li>
	  	         			    		        <li class="post">评论&nbsp;1</li>
	  	         			    		    </ul>
	  	         			    		</div>
	  	         			    	</div>    
	           			    	</div>		      
	           			    </div>
	           			  </div>
         			</div>
         			<!--内容正式结束-->
         		</div>
	        </div>
	      </div>
	    </div>
  	</div>
    
  <footer id="footer">
    <div class="container">
      <div class="row">
        <span id="icp" class="pull-left gray-link">
            © 2005－2015 wowshi.com, all rights reserved
        </span>
        <a href="http://wowshi.com/hnypt/variformcyst.py" style="display: none;"></a>
        <span class="pull-right">
            <a href="http://wowshi.com/about">关于哇食</a>
            · <a href="http://wowshi.com/jobs">在哇食工作</a>
            · <a href="http://wowshi.com/about?topic=contactus">联系我们</a>
            · <a href="http://wowshi.com/about?policy=disclaimer">免责声明</a>
            · <a href="http://wowshi.com/help/">帮助中心</a>
            · <a href="http://wowshi.com/doubanapp/">移动应用</a>
        </span>       
      </div>
    </div>
  </footer>
  </body>
  <script src="js/jquery/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script type="text/javascript">
    $(function() {
      $('.carousel').carousel();
    });
  </script>
</html>